html,body,ul,li,ol,a,div{margin:0;padding:0}
body{font:400 24px/1.3em "Hiragino Sans GB W3";width:760px;padding-top:1.2em;margin:0 auto;}

a:link,a:visited{color:black;text-decoration:none;}
a:hover{color:brown}
ul.bg1{float:left;}
.i2{-webkit-transform: rotate(45deg);display:block}
div._cell {position: static;clear:both;font-size:12px;}
div._cell span.po {cursor:move;display: block;height:32px;background:none;position: relative;float:left;margin:-1px 14px;text-align: center;width:32px;}
div._cell span.po div.cbg{box-shadow:1px 1px 2px #444;border-radius:3px;display:block;position: absolute;left:-2px;top:-2px; width: 36px;height: 36px;background: #ae6;overflow:hidden;z-index:-1;-webkit-transform:rotate(45deg)}
div._cell span.po:hover div.cbg,div._cell span.po div.cbg:hover{background-color: #dfe!important}
div._cell span.po span{text-shadow:0 2px 3px #fff}
.cclc {clear:left;}
div._cell span.ccl1_ {margin-left: 135px;}/*2.25*/
div._cell span.ccl2_ {margin-left: 75px;}/*1.25*/
div._cell span.ccl1 {margin-left: 150px;}
div._cell span.ccl2 {margin-left: 120px;}
div._cell span.ccl3 {margin-left: 90px;}
div._cell span.ccl4 {margin-left: 60px;}
div._cell span.ccl5 {margin-left: 30px;}
div._cell span.ccl6 {margin-left: 0;}
div._cell span.ccl7 {margin-left: 30px;}
div._cell span.ccl8 {margin-left: 60px;}

div.cell_:before{content: "时间方格：";position: absolute;left:0;top:.7em;z-index:-99;color: transparent;text-shadow:0 1px 2px rgba(0,0,0,.6);font-size: 3em;}
div.fill:before{content: "500秒占据比例：";position: absolute;left:0;top:.7em;z-index:-99;color: transparent;text-shadow:0 1px 2px rgba(0,0,0,.6)}
div.fill{padding: 2em;position: relative;left: 0;top: 0;}
div.fill div{padding:.3em .4em;float: left}
div#icar{width:5em;}